#page-3 {
  display: none;
  position: absolute;
  @include square(100%);
  background-image: url("../image/page-3-bg.jpg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  z-index: 10;
  top: 0;
  left: 0;

  > .tong {
    position: absolute;
    @include size(px2rem-b(1097px), 100%);
    background-image: url("../image/page-3-tong.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
  }

  > .blink {
    position: absolute;
    //270 / 416
    @include square(px2rem-b(1209.4px));
    top: px2rem-b(566px - 604.7px);
    right: px2rem-b(507px - 604.7px);
  }

  > .line {
    position: absolute;
    top: px2rem-b(447px);
    right: px2rem-b(840px);
    width: 0;
    height: px2rem-b(13px);
    background-image: url("../image/page-3-zs-3.png");
    background-size: auto 100%;
    background-position: left;
  }

  > .zs-1 {
    position: absolute;
    @include size(px2rem-b(304px), px2rem-b(249px));
    background-image: url("../image/page-3-zs-1.png");
    background-size: 100% 100%;
    top: px2rem-b(440px);
    right: px2rem-b(359px);
  }

  > .zs-2 {
    position: absolute;
    @include size(px2rem-b(300px), px2rem-b(174px));
    background-image: url("../image/page-3-zs-2.png");
    background-size: 100% 100%;
    display: none;
    top: px2rem-b(231px);
    right: px2rem-b(1135px);
  }

  > .zs-3 {
    position: absolute;
    @include size(px2rem-b(809px), px2rem-b(152px));
    background-image: url("../image/page-3-zs-4.png");
    background-size: 100% 100%;
    display: none;
    top: px2rem-b(466px);
    right: px2rem-b(942px);
  }

  > .zs-4 {
    position: absolute;
    top: px2rem-b(183px);
    right: px2rem-b(1450px);
    @include size(px2rem-b(304px), px2rem-b(249px));
    background-image: url("../image/page-3-zs-5.png");
    background-size: 100% 100%;
    display: none;
  }
}